<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>关于我们</title>
  <link rel="stylesheet" href="./css/about-us.css">
  <link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper.min.css"> 
  <link rel="stylesheet" href="./css/reset.css">
</head>
<body>
  <div class="container">
    <div class="header">
      <div class="swiper-container">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <img src="./images/aboutus/bg.png" alt="">
          </div>
          <div class="bg-swiper swiper-slide">
            <img src="./images/background1.png" alt="">
          </div>
          <div class="bg-swiper swiper-slide">
            <img src="./images/aboutus/bg.png" alt="">
          </div>
        </div>
        <div class="swiper-pagination"></div>
      </div>
      
      <div class="header-container">
        <div class="header-content">
          <div class="logo">
            <img class="logo-img" src="./images/logo.png" alt="">
          </div>
          <div class="header-nav">
            <div>
              <a href="./index.html">
                <span>首页</span>
              </a>
            </div>
            <div>
              <a href="./about-us.html">
                <span class="header-nav-active">关于我们</span>
              </a>
            </div>
            <div>
              <a href="./product.html">
                <span>产品中心</span>
              </a>
            </div>
            <div>
              <a href="./news.html">
                <span>新闻动态</span>
              </a>
            </div>
          </div>
        </div>
        <div class="header-desc">
          <div class="header-img">
            <img src="./images/aboutus/bg-content.png" alt="">
          </div>
        </div>
      </div>
    </div>
    <div class="about-us">
      <div class="body-title">
        <img src="./images//aboutus/location.png" alt="">
        <p>您目前的位置：关于我们</p>
      </div>
      <div class="body-content">
        <div class="content-left">
          <div class="left-logo">
            <img src="./images/aboutus/content-logo.png" alt="">
          </div>
          <div class="left-comm left-active">公司简介</div>
          <div class="left-comm ">企业建设</div>
          <div class="left-comm ">企业荣誉</div>
        </div>
        <div class="content-right">
          <div class="right-title">
            <img src="./images/aboutus/title.png" alt="">
          </div>
          <div class="right-body">
            <h1>企业简介突发爆管！我们全力以赴！</h1>
            <h2>2019年9月19日   来源：龙城水业    </h2>
            <p>     9月7日晚上10点左右，常州通用自来水有限公司常水热线接到热心市民电话，清潭路劳动路交叉路口，有大量水涌出，疑似水管爆裂9月7日晚上10点左右，常州通用自来水有限公司常水热线接到热心市民电话，清潭路劳动路交叉路口，有大量水涌出，疑似水管爆裂</p>
            <img src="./images/aboutus/body_1.png" alt="">
            <p>     通用水司领导也及时到达现场进行指挥，当晚22:29制定了最小关阀方案，22:36抢修人员对爆管周边阀门进行了关闭，漏     通用水司领导也及时到达现场进行指挥，当晚22:29制定了最小关阀方案，22:36抢修人员对爆管周边阀门进行了关闭，漏</p>
            <img src="./images/aboutus/body_2.png" alt="">
            <p>     从9月7日22点突发爆管到9月8日15点恢复正常供水，通用水司抢修人员连续作业17个小时，因抢修难度大，应急指挥微信     从9月7日22点突发爆管到9月8日15点恢复正常供水，通用水司抢修人员连续作业17个小时，因抢修难度大，应急指挥微信</p>
          </div>
        </div>
      </div>
    </div>
    <div class="footer-page"></div>
  </div>
  <script src="https://unpkg.com/swiper/js/swiper.min.js"> </script>
  <script src="./js/jquery-3.3.1.min.js"></script>
  <script src="./js/about-us.js"></script>
  <script src="./js/swiper.js"></script>
</body>
</html>